<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>投资详情</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/details.css">
    <link rel="stylesheet" href="/css/page.css">
    <link rel="stylesheet" href="/css/Pay_the_password.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/investment/details"></script>
    <style>
        .forgetJiaoyiPassword {
            color: #ff4545;
            margin-top: 12px;
            margin-left: 150px;
            display: inline-block;
        }
    </style>
</head>
<body>
<#include "/include/header.ftl">
<div class="invest_container">
    <div class="invest_item">
        <h2 class="item_name">${item.itemName}
        <#if item.itemIsnew == 1>

            <span class="hot" new>NEW</span>
        <#elseif item.itemIsnew == 0 && item.moveVip==1>
            <span class="hot" app>APP</span>
        <#elseif item.itemIsnew == 0 && item.moveVip==0 && item.itemIsrecommend==1>
            <span class="hot" hot>HOT</span>
        <#elseif item.itemIsnew == 0 && item.moveVip==0 && item.itemIsrecommend==0 && item.password?? && item.password!=''>
            <span class="hot" psw>LOCK</span>
        <#else>
            <span></span>
        </h2>
       </#if>
        <div class="invest_detail">
            <div>
                <p class="rate"><strong class="rate_int">${item.itemRate}</strong>
                    <span class="percent">%
                    <#if item.itemAddRate != 0>
                        +${item.itemAddRate}%
                    </#if>
                	</span></p>
                <p class="details_text">预期年化收益率</p>
            </div>
            <div class="circle">
                <p class="cash_num"><span id="itemCycleForCoupon">${item.itemCycle}</span><#if item.itemCycleUnit == 1>
                    天<#elseif item.itemCycleUnit == 2>月<#elseif item.itemCycleUnit == 3>
                    季<#elseif item.itemCycleUnit == 4>年</#if></p>
                <p class="details_text">项目期限</p>
            </div>
            <div class="total_money">
                <p class="cash_num">${item.itemAccount}元</p>
                <p class="details_text">项目总额</p>
            </div>


            <div class="total_money" hidden><#--这个地方是需要做判断去显示他的预期金额的-->
                <p class="cash_num">${item.itemAccount}元</p>
                <p class="details_text">预期收益</p>
            </div>
            <div class="radialIndicator" id='rate' data-value="${item.itemScale}">
            </div>
        </div>
        <div class="invest_table">
            <table>
                <tr>
                    <td width="76">还款方式</td>
                    <td width="120"><#if item.itemRepayMethod == 1>一次性还款<#elseif item.itemRepayMethod == 2>
                        等额本息<#elseif item.itemRepayMethod == 3>先息后本<#elseif item.itemRepayMethod == 4>每日付息</#if></td>
                    <td width="76">起投金额</td>
                    <td width="154"><em id="minInvestMoney">${item.itemSingleMinInvestment}</em>元</td>
                    <td width="76">最大投标</td>
                    <td width="77">
                    <#if item.itemMaxInvestment??>
                        <#if item.itemMaxInvestment!=0.00>${item.itemMaxInvestment}元<#else>无限制</#if>
                    <#else>无限制
                    </#if>
                    </td>
                </tr>
                <tr>
                    <td>投标奖励</td>
                    <td>
                    <#if item.itemAddRate != 0>
                    ${item.itemAddRate}%
                    <#else>
                        无
                    </#if>
                    </td>
                    <td>发布时间</td>
                    <td>
                    <#if item.releaseTime??>
                    ${item.releaseTime?string("yyyy-MM-dd")}</#if>
                    </td>
                    <td>有效期</td>
                    <td>
                    <#if item.endTime??>
                    ${item.endTime?string("yyyy-MM-dd")}
                    <#else>
                        无限制
                    </#if>
                    </td>
                </tr>
            </table>
        </div>

        <div class="invest_panel">
        <#if user??>
            <#if item.password?? && item.password!=''>
                <p class="text"">剩余金额：<span id="itemAccountLeft">${item.itemAccount - item
            .itemOngoingAccount}</span>元</p>
                <p class="text left_account">账户余额：<span id="accountMoney">${user.usable}</span>元<a class='charge'
                                                                                                   href="/account/recharge/recharge?-1?3?0">充值</a>
                </p>
                <p class="input_wrap left_account" style="padding:10px 0;"><input id='lockPsw' type="password"
                                                                                  placeholder="请输入定向密码"></p>
                <p class="input_wrap left_account" style="padding:10px 0;"><input data-value="isLock" type="number"
                                                                                  id='usableMoney'
                                                                                  onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                                                  onafterpaste="this.value=this.value.replace(/\D/g,'')"
                                                                                  placeholder="请输入投资金额"><span
                        class='charge auto' id="autoValue" style="top:10px;">自动填入</span></p>

                <p class="input_wrap clear" style="padding:10px 0;">
                    <#if item.itemStatus==1>
                        <input class='invest_button fl' type="button" value="即将开标"
                               style="background: #c9c9c9;cursor: default">
                    <#elseif item.itemStatus==20>
                        <input class='invest_button fl' type="button" value="已抢完"
                               style="background: #c9c9c9;cursor: default">
                    <#elseif item.itemStatus==30 || item.itemStatus==31>
                        <input class='invest_button fl' type="button" value="还款中"
                               style="background: #c9c9c9;cursor: default">
                    <#elseif item.itemStatus==32 || item.itemStatus==18>
                        <input class='invest_button fl' type="button" value="已还款"
                               style="background: #c9c9c9;cursor: default">
                    <#elseif item.itemStatus==23 || item.itemStatus==18>
                        <input class='invest_button fl' type="button" value="已满标"
                               style="background: #c9c9c9;cursor: default">
                    <#elseif item.itemStatus==23>
                        <input class='invest_button fl' type="button" value="立即购买" id="investNormal">
                    <#else>
                        <input class='invest_button fl' type="button" value="立即投资" id="investNormal">
                    </#if>

                    <span class="caculator fl"></span>
                </p>
            <#else>
                <div class="get-money">
                    <p class="text">剩余金额：<span id="itemAccountLeft">${item.itemAccount - item
                    .itemOngoingAccount}</span>元</p>
                    <p class="text left_account">账户余额：<span id="accountMoney">${user.usable}</span>元<a class='charge'
                                                                                                       href="/account/recharge/recharge?-1?3?0">充值</a>
                    </p>
                    <p class="input_wrap left_account"><input data-value="noLock" type="number" id='usableMoney'
                                                              onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                              onafterpaste="this.value=this.value.replace(/\D/g,'')"
                                                              placeholder="请输入投资金额"><span class='charge auto'
                                                                                          id="autoValue">自动填入</span></p>
                    <p class="input_wrap clear">
                </div>
                <div class="buy-money" hidden>  <#--这个是立即购买的div-->
                    <p class="text">剩余金额：<span id="itemAccountLeft">${item.itemAccount - item
                    .itemOngoingAccount}</span>元</p>
                    <p class="text left_account">账户余额：<span id="accountMoney">${user.usable}</span>元<a class='charge'
                                                                                                       href="/account/recharge/recharge?-1?3?0">充值</a>
                    </p>
                    <p class="input_wrap left_account"><input data-value="noLock" type="number" id='usableMoney'
                                                              onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                              onafterpaste="this.value=this.value.replace(/\D/g,'')"
                                                              placeholder="请输入投资金额"></p>
                    <p class="input_wrap clear">
                </div>
                <#if item.itemStatus==1>
                    <input class='invest_button fl' type="button" value="即将开标"
                           style="background: #c9c9c9;cursor: default">
                <#elseif item.itemStatus==20>
                    <input class='invest_button fl' type="button" value="已抢完"
                           style="background: #c9c9c9;cursor: default">
                <#elseif item.itemStatus==30 || item.itemStatus==31>
                    <input class='invest_button fl' type="button" value="还款中"
                           style="background: #c9c9c9;cursor: default">
                <#elseif item.itemStatus==32>
                    <input class='invest_button fl' type="button" value="已还款"
                           style="background: #c9c9c9;cursor: default">
                <#elseif item.itemStatus==23 || item.itemStatus==18>
                    <input class='invest_button fl' type="button" value="已满标"
                           style="background: #c9c9c9;cursor: default">
                <#else>
                    <input class='invest_button fl' type="button" value="立即投资" id="investNormal">
                </#if>

                <span class="caculator fl"></span>
                </p>
            </#if>
        <#else>
            <p class="text">剩余金额：${item.itemAccount - item.itemOngoingAccount}元</p>
            <p class="input_wrap left_account"><input type="number" id='usableMoney'
                                                      onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                      onafterpaste="this.value=this.value.replace(/\D/g,'')"
                                                      placeholder="请输入投资金额"></p>
            <p class="input_wrap clear" style="margin-top:-12px;">
                <a href="/login"><input class='invest_button fl' type="button" value="请登录" id="loginBtn"></a>
                <span class="caculator fl"></span>
            </p>
            <p class="no_account">没有账号？<a href="/register">立即注册</a></p>
        </#if>

        </div>
    </div>
    <div class="item_introduce">
        <div class="tab" id="tabs">
            <div class="tab_active">标的详情</div>
            <div>安全审核</div>
            <div>投资记录</div>
            <div>还款计划</div>
            <div>风险提示</div>
        </div>
        <div id="contents">
            <div class="tab_content">
                <h3 class="title">项目介绍</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                    <#if item.itemType == 1>
                        本标的是平台针对个人提供的信用借款服务。平台利用大数据建立优良的风控模型，准确高效地识别高信用人群，充分审核个人信用资质后提供快速借款服务。经过严格的准入条件筛选及多层调查审核，评定该借款项目真实，风险可控，予以通过。
                    <#elseif item.itemType == 2>
                        本标的为个人资金周转借款，借款人以房屋作为抵押物，经过严格的准入条件筛选及微贷线下门店风控人员多层调查审核，评定该借款项目
                        真实，证照齐全，风险可控，予以通过。
                    <#elseif item.itemType == 3>
                        本标的为个人资金周转借款，借款人以车辆作为抵押物，投资人通过平台投资此标获得对应利益。每个借款人经过平台实体门店风控人员多层严格筛选。通过车辆抵质押保障还款来源，稳健可靠。
                    </#if>
                    </p>
                </div>


                <div class="table_box" style="margin-top: 100px">
                    <h3 class="title">用户信息</h3>
                    <table class="table_base people-message" style="background:'#f6f6f6'">
                        <tr>
                            <td>姓名：<span class="people_name">${security.realname!''}</span></td>
                            <td>性别：<span class="people_sex" id="sex">
                      </span></td>
                        <#if info.birthday??>
                            <input value="${info.birthday?string("yyyy-MM-dd")}" type="hidden" id="birthday"/>
                        </#if>
                            <td>年龄：<span class="people_age">${age!''}</span></span></td>
                            <td>婚姻状况：<span class="people_arriage">
                            <#if info.maritalStatus??>
                                <#if info.maritalStatus == 1>
                                    已婚
                                <#elseif info.maritalStatus == 0>
                                    未婚
                                </#if>
                            <#else>
                                保密
                            </#if>
                            </span></td>
                        </tr>
                        <tr>
                            <td>证件号码：<span class="people_paper" id="identifyCard">${security.identifyCard!''}</span>
                            </td>
                            <td>地区：<span class="people_origin">${info.currentAddress!'暂无'}</span></td>
                            <td>借款用途：<span class="people_purpose">${item.itemLoanUse!''}</span></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            <#if item.itemType == 1>
                <!--这一块是借款记录-->
                <h3 class="title" id="anquanshenheType" data-type="${item.itemType}">借款记录</h3>
                <div class="table_box">
                    <table class="table_base_car car-message">
                        <tr>
                            <td>历史还清期数：<span class="car_model">${repayNum.repayNum!""}</span>期</td>
                            <td>待还期数：<span class="car_price">${repayNum.unRepayNum!""}</span>期</td>
                            <td>历史逾期次数：<span class="car_evaluation">${repayNum.overdueRepayNum!""}</span>期</td>
                        </tr>
                    </table>
                </div>
            <#elseif item.itemType == 2>
                <!--这一块是房产档案的-->
                <h3 class="title" id="anquanshenheType" data-type="${item.itemType}">房产档案</h3>
                <div class="table_box">
                    <table class="table_base_car car-message">
                        <tr>
                            <td>房产位置：<span class="car_model">${itemHouse.housePosition!""}</span></td>
                            <td>房产类型：
                                <span class="car_price">
                                    <#if itemHouse.housePosition??>
                                        <#if itemHouse.houseType == 1>
                                            商住楼
                                        <#elseif itemHouse.houseType == 2>
                                            住宅
                                        <#elseif itemHouse.houseType == 3>
                                            商业用房
                                        <#elseif itemHouse.houseType == 4>
                                            办公房
                                        </#if>
                                    <#else>
                                        无
                                    </#if>
                                </span>
                            </td>
                            <td>购买价格：<span class="car_evaluation">${itemHouse.houseBuyAmount!""}</span></td>
                        </tr>
                        <tr>
                            <td>抵押估价：<span class="car_kilometers">${itemHouse.houseEstimateAmount!""}</span></td>
                            <td>房产面积：<span class="people_origin">${itemHouse.houseAcreage!""}</span>平方米</td>
                            <td></td>

                        </tr>
                    </table>
                </div>
            <#elseif item.itemType == 3>
                <h3 class="title" id="anquanshenheType" data-type="${item.itemType}">借款车辆信息</h3>
                <div class="table_box">
                    <table class="table_base_car car-message">
                        <tr>
                            <td class="odd ">车辆型号：</td>
                            <td class="even bigodd">${itemLoan.carType!''}</td>
                            <td class="odd">购买价格：</td>
                            <td class="even">${itemLoan.buyPrice!''}元</td>
                            <td class="odd">抵押估价：</td>
                            <td class="even">
                                <#if itemLoan.assessPrice??>
                                ${itemLoan.assessPrice!''}元
                                <#else>
                                    新车
                                </#if>
                            </td>
                        </tr>
                        <tr>
                            <td class="odd">行驶公里:</td>
                            <td class="even">
                                <#if itemLoan.assessPrice??>
                                ${itemLoan.kilometers!'0'}万公里
                                <#else>
                                    新车
                                </#if>
                            </td>
                            <td class="odd"></td>
                            <td class="even"></td>
                            <td class="odd"></td>
                            <td class="even"></td>
                        </tr>
                    </table>
                </div>
            </#if>
            </div>
        <#--这个是安全审核的div-->
            <div class="tab_content" style="display: none">
                <h3 class="title">资金安全保障</h3>
                <ul class="clear money_salf">
                    <li>
                        <a href="javascript:(0);">
                            <img src="/img/bannerBid1.png" alt="">
                            <p>真实的项目背景</p>
                        </a>
                    </li>
                    <li><a href="javascript:(0);">
                        <img src="/img/bannerBid2.png" alt="">
                        <p>严苛的甄选流程</p></a>
                    </li>
                    <li>
                        <a href="javascript:(0);">
                            <img src="/img/bannerBid3.png" alt="">
                            <p>风险备付金</p></a>
                        </a>
                    </li>
                    <li><a href="javascript:(0);">
                        <img src="/img/bannerBid4.png" alt="">
                        <p>风控体系验证</p></a>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:(0);">
                            <img src="/img/bannerBid5.png" alt="">
                            <p>实体经营</p></a>
                        </a>
                    </li>
                </ul>
            <#--<h3 class="title" id="anquanshenheType" data-type="${item.itemType}">安全审核</h3>-->
            <#--<ul class="security_check clear">-->
            <#--<#if pictureList??>-->
            <#--<#list pictureList as pics>-->
            <#--<li style="background-image: url(${pics.picturePath!"/img/cheng.png"})">${pics.pictureName!""}</li>-->
            <#--</#list>-->
            <#--</#if>-->
            <#--</ul>-->
                <div class="special">
                    <h3 class="title">相关文件</h3>
                    <table style="text-align: center" class="relevant_documents">
                        <thead>
                        <tr style="background:#f6f6f6">
                            <td>审核资料</td>
                            <td>审核情况</td>
                            <td>查看资料</td>
                        </tr>
                        </thead>
                        <tbody>
                        <#if pictureList??>
                            <#list pictureList as pics>
                            <tr>
                                <td>${pics.pictureName!""}</td>
                                <td>通过</td>
                                <td class="slider" style="cursor: pointer" data-url='${pics.picturePath!""}'>查看</td>
                            </tr>
                            </#list>
                        </#if>
                        </tbody>
                    </table>
                    <div class="image_large" id="imgLarge">
                        <div class="left"></div>
                        <div class="right"></div>
                        <div class="close"></div>
                    </div>
                </div>
            </div>
            <div class="tab_content" style="display: none">
                <table class="record">
                    <thead>
                    <tr>
                        <th width="350">投资用户</th>
                        <th>投资金额（元）</th>
                        <th width="350">投资时间</th>
                    </tr>
                    </thead>
                    <tbody id="recordList">
                    </tbody>
                    <script id="recordListTemp" type="text/x-handlebars-template">
                        {{#each this}}
                        <tr>
                            <td>{{mobile}}&nbsp;&nbsp;
                                <img src="{{investType}}" alt="">
                            </td>
                            <td>{{investDealAmount}}</td>
                            <td>{{addtime}}</td>
                        </tr>
                        {{/each}}
                    </script>
                </table>
                <div class="pages">
                    <nav>
                        <ul id="pages" style="margin:84px auto">

                        </ul>
                    </nav>
                </div>
            </div>
            <div class="tab_content" style="display: none">
                <table class="record">
                    <thead>
                    <tr><th>剩余期数</th><th>还款金额(元)</th><th>本金(元)</th><th>利息(元)</th><th>还款日期</th>
                    <#--<th>还款状态</th>-->
                    </tr>
                    </thead>
                    <tbody id="repayList">
                    </tbody>
                    <script id="repayListFunc" type="text/x-handlebars-template">
                        {{#each this}}
                        <tr>
                            <td>{{repayCurrentPeriod}}</td>
                            <td>{{repayAmount}}</td>
                            <td>{{repayPrincipal}}</td>
                            <td>{{repayInterest}}</td>
                            <td>{{repayTime}}</td>
                        <#--<td>未还</td>-->
                        </tr>
                        {{/each}}
                    </script>
                </table>
                <div class="pages">
                    <nav>
                        <ul id="repaypages" style="margin:84px auto">

                        </ul>
                    </nav>
                </div>
            </div>
            <div class="tab_content" style="display: none">
                <h3 class="item_title">致亲爱的初融共盈用户:</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                        鉴于网络借贷交易过程中,可能面临的多种风险因素初融共盈特此温馨提示，望您在进行网络借贷交易前，请仔细阅读以下重要内容：
                    </p>
                </div>
                <h3 class="title">政策风险</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                        由于国家宏观性政策（包括但不限于财政政策，货币政策，行业政策，区域政策）以及相关法律法规发生变化，可能导致用户预期收益甚至本金遭受损失。
                    </p>
                </div>
                <h3 class="title">信用风险</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                        初融共盈不对任何投资项目本金和收益提供任何保证或承诺，在发生不可预测的最不利情况下（可能但并不一定发生），可能导致用户预期收益甚至本金遭受损失。
                    </p>
                </div>

                <h3 class="title">流标风险</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                        初融共盈根据相关法律法规及政策的要求，在发布借款信息开始接受投标时至约定的投标截止日止，该借款标存在（可能但并不一定发生）流标的风险。
                    </p>
                </div>

                <h3 class="title">信息传递风险</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                        初融共盈将按协议约定进行信息披露，用户应充分关注并及时主动查询项目相关信息，如未及时查询，或由于通讯故障、系统故障以及其他不可抗力等因素的影响使得无法及时了解产品信息，由此产生责任和风险应由用户承担。
                    </p>
                </div>

                <h3 class="title">不可抗力及意外事件风险</h3>
                <div class="type_box">
                    <p class="type_boxInfo">
                        包括但不限于自然灾害、金融市场危机、战争、黑客攻击、病毒感染等不能预见、不能避免、不能克服的不可抗力事件，对于由于不可抗力及意外事件风险导致的任何损失，客户须自行承担。
                    </p>
                </div>

                <h3 class="title" style="color:red">特别提示</h3>
                <div class="type_box">
                    <p class="type_boxInfo" style="color:red">
                        风险包括且不局限与前述风险提示，且风险具有不可预见性，产品预期年化收益仅供参考，实际收益请以到期结算收益为准。
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer" style="margin-top: 100px">
<#include "/include/footer.ftl">
</div>
<#--立即投资,无需充值-->
<div class="bg_panel" style="display: none" id="couponPanel">
    <div class="panel">
        <div class="close"></div>
        <div class="total"><span class="fl" id="">投资总额&nbsp;&nbsp;<em id="investAccountTotal"></em><em id="couponAmount"
                                                                                                       style="color:#ff5757"></em></span><span
                class="fr">
            预期收益&nbsp;&nbsp;<em id="itemIncome"></em>
            <em style="color:#ff5757" id="couponIncome"></em>
        </span></div>
        <div id='hasCoupon' class="coupon"><label>
            <input id='couponCheck' type="checkbox">&nbsp;&nbsp;红&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;包</label>
            <select name="selectCoupon" id="selectCoupon">

            </select>
        </div>
        <div id='hasNoCoupon' class="coupon"><label><input disabled type="checkbox">&nbsp;&nbsp;红&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;包</label><span>暂无红包可使用，点击<a
                href="/user/reward?1?6?1">查看</a></span></div>
        <div id='hasticket' class="coupon"><label>
            <input type="checkbox" id="tiketCheck">&nbsp;&nbsp;加&nbsp;息&nbsp;券</label>
            <select name="selectTiket" id="selectTiket">

            </select>
        </div>
        <div id='hasNoticket' class="coupon"><label><input disabled
                                                           type="checkbox">&nbsp;&nbsp;加&nbsp;息&nbsp;券</label><span>暂无加息券可使用，点击<a
                href="/user/reward?1?6?1">查看</a></span></div>
        <div class="alieditContainer" id="payPassword_container">
            请输入交易密码：
            <input minlength="6" maxlength="6" tabindex="1" id="payPassword_rsainput" name="payPassword_rsainput"
                   class="ui-input i-text" oncontextmenu="return false" onpaste="return false" oncopy="return false"
                   oncut="return false" autocomplete="off" value="" type="password" style="caret-color:white;">
            <div class="sixDigitPassword" tabindex="0" style="margin-top: 30px">
                <i><b></b></i>
                <i><b></b></i>
                <i><b></b></i>
                <i><b></b></i>
                <i><b></b></i>
                <i><b></b></i>
                <span class="guangbiao" style="left:0px;"></span>
            </div>
        </div>

        <div class="agreement fl"><label for=""><input checked type="checkbox" id="agreement">&nbsp;&nbsp;我同意<a
                style="color: #5F5F5F !important;" href="/html/investxy.html" target="_blank">《投资协议》</a></label></div>
        <a class="forgetJiaoyiPassword" href="/user/security">忘记交易密码？</a>
        <div class="invest"><input type="button" value="立即投资" id="investFinal"></div>
    </div>
</div>
<#--立即投资,需充值-->
<div class="bg_panel" style="display: none" id="needRecharge">
    <div class="panel">
        <div class="close"></div>
        <div class="tips">当前账户余额不足，是否前去<strong>充值</strong>？</div>
        <div class="confirm">
            <input style='cursor: pointer;' id="rechargeCancle" class='no' type="button" value="取消">
            <a href="/account/recharge/recharge?-1?3?0"><input id='doRecharge' class='yes' type="button" value="确定"></a>
        </div>
    </div>
</div>
<#--收益计算器-->
<div class="bg_panel" style="display: none" id="cacuPanel">
    <div class="panel panel-max">
        <div class="close" id="cacuClose"></div>
        <div class="padding-box clear">
            <div class="data fl">
                <div class="title">收益计算器</div>
                <table>
                    <tr>
                        <td>投资期限：</td>
                        <td><span id="investCycle">${item.itemCycle}</span><#if item.itemCycleUnit == 1>
                            天<#elseif item.itemCycleUnit == 2>月<#elseif item.itemCycleUnit == 3>
                            季<#elseif item.itemCycleUnit == 4>年</#if></td>
                    </tr>
                    <tr>
                        <td>年化利率：</td>
                        <td id="investRate">${item.itemRate+item.itemAddRate}%</td>
                    </tr>
                    <tr>
                        <td>还款方式：</td>
                        <td id="repayMethod"><#if item.itemRepayMethod == 1>一次性还款<#elseif item.itemRepayMethod == 2>
                            等额本息<#elseif item.itemRepayMethod == 3>先息后本<#elseif item.itemRepayMethod == 4>
                            每日付息</#if></td>
                    </tr>
                    <tr>
                        <td>投资金额：</td>
                        <td class="input_text"><input id='investMoneyCalcu' type="number"
                                                      data-value="${item.itemAccount - item.itemOngoingAccount}"></td>
                    </tr>
                </table>
                <div class="cacu_button">
                    <input id='cacu' class='cacu' type="button" value="计算">
                    <input id='reset' class='reset' type="button" value="重置">
                </div>
            </div>
            <div class="result fl">
                <div class="title">计算结果</div>
            <#if item.itemRepayMethod == 1>
                <table><#--一次性还款-->
                    <tr>
                        <td>当期利息：</td>
                        <td><strong id="everyIntrerst_2"></strong>元</td>
                    </tr>
                    <tr>
                        <td>本息合计：</td>
                        <td><strong id="total_2"></strong>元</td>
                    </tr>
                </table>
            <#elseif item.itemRepayMethod == 2>
                <table>
                    <tr>
                        <td>每期本息：</td>
                        <td><strong id="intrerst_1"></strong>元</td>
                    </tr>
                    <tr>
                        <td>本息合计：</td>
                        <td><strong id="total_1"></strong>元</td>
                    </tr>
                </table>
            <#elseif item.itemRepayMethod == 3>
                <table> <#--每月付息-->
                    <tr>
                        <td>每期利息：</td>
                        <td><strong id="intrerst_3"></strong>元</td>
                    </tr>
                    <tr>
                        <td>本息合计：</td>
                        <td><strong id="total_3"></strong>元</td>
                    </tr>
                </table>
            </#if>
                <div class="text">
                    注：30天为1期，计算结果仅作参
                    考，最终以实际收益为准
                </div>
            </div>
        </div>
    </div>
</div>
<#include "/include/smalldetails.ftl">
</body>
</html>
